<template>
  <div
    style="
      display: flex;
      justify-content: left;
      align-items: center;
      margin-top: 20px;
    "
  >
    <h1>
      <div style="display: flex; align-items: center">
        <img
          style="width: 40px; height: 40px"
          src="https://search-operate.cdn.bcebos.com/884c1c1f5db46c170df3c34a8e213ec9.png"
          alt=""
        />
        <span style="margin-left: 10px">{{ $translate("nba.Boston") }}</span>
      </div>
    </h1>
    <h2 style="margin: 0 10px">VS</h2>
    <h1>
      <div style="display: flex; align-items: center">
        <span style="margin-right: 10px">{{ $translate("nba.Dallas") }}</span>
        <img
          style="width: 40px; height: 40px"
          src="https://search-operate.cdn.bcebos.com/42d7b5ec22b2eb411d68f94a04eab742.png"
          alt=""
        />
      </div>
    </h1>
  </div>
  <div
    style="
      display: flex;
      justify-content: left;
      align-items: center;
      margin-top: 10px;
      padding-left: 142px;
    "
  >.
    <h1>{{ 4 }}</h1>
    <h2 style="margin-right: 30px; margin-left: 30px">:</h2>
    <h1>{{ 1 }}</h1>
  </div>
</template>
<script setup></script>
